<!DOCTYPE HTML>
<HTML lang="zh">
<HEAD>
	<meta content="IE=edge" />
	<meta content="text/html; charset=UTF-8">
	<meta content="no-cache">
	<meta content="0">
	<meta content="no-cache">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta
		content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' http://www.gov.hk" />
	<title>Screen ID: SC-512-1-007</title>
	<LINK href="../css/style_tdabs.css" type="text/css" rel="stylesheet">
	<LINK href="../css/tchinese/main_tdabs.css" type="text/css" rel="stylesheet">
	<LINK href="../css/bootstrap.min.css" type="text/css" rel="stylesheet">
	<SCRIPT src="../js/common.js"></SCRIPT>
	<SCRIPT src="../js/main.js"></SCRIPT>
	<script type="text/javascript">
		// <!-
			function bodyLoad() {

			
			var cnum = new Array(4)
			cnum[0] = "一";
			cnum[1] = "二";
			cnum[2] = "三";
			cnum[3] = "四";
			cnum[4] = "五";
				for ( var i = 0; i < cnum.length; i++) {
							if (i+1 == total_steps) {
								total_steps = cnum[i];
				}
				if (i+1 == stepNo) {
							var	stepNum = cnum[i];
				}
			}
				
			var footerString;
			var frame = parent.frames["javascript_container"];
			
			footerString="<strong>步驟" + stepNum + "</strong>，共" + total_steps + "個步驟";
			

			if (stepNo > 0) {
				var stepRow = document.getElementById("step" + stepNo + "Row");
				if (stepRow != null)
					stepRow.className = "sel";
				var stepFooter = document.getElementById("stepsOf");
				if (stepFooter != null)
					stepFooter.innerHTML = footerString.replace("{0}", stepNo);
			}

			var inputs = document.getElementsByTagName("input");

			for (i = 0; i < inputs.length; i++) {
				inputs[i].setAttribute("autocomplete", "off");
				inputs[i].autocomplete = "off";
			}
			}
			function changeImages(src, image) {

				if(src.firstChild!=null){
					src.firstChild.src=image;
				}
			}

			function closeBrowser() {
				parent.close();

			}

		document.oncontextmenu=new Function("return false");

		// -->
	</script>

	<style type="text/css">
		#topPanel {
			background-image: url("../images/top-background.jpg");
		}

		#contentPanelFloat {
			background-image: url("../images/bg_lm.gif");
			background-repeat: repeat-y;
		}
	</style>
</HEAD>

<script>

	function onClickSelectDate() {
		frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdGetCalendarAction";
		if (isSubmitted())
			return;
		frmAppointment.submit();
	}

	function onClickSearch() {
		frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdSearchTimeslotAction";

		if (isSubmitted())
			return;
		frmAppointment.submit();
	}

	function onClickBack() {


		frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdGetCalendarAction";

		if (isSubmitted())
			return;
		frmAppointment.submit();
	}

	function onClickBackToHomePage() {
		frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdShowHome";

		if (isSubmitted())
			return;
		frmAppointment.submit();
	}

	function onClickTimeslot(timeslotId, timeslotDate, timeslotFromTime, timeslotToTime) {

		frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdConfirmAppointment";
		frmAppointment.storedAppointmentTimeslotId.value = timeslotId;
		frmAppointment.storedAppointmentTimeslotDate.value = timeslotDate;
		frmAppointment.storedAppointmentTimeslotFromTime.value = timeslotFromTime;
		frmAppointment.storedAppointmentTimeslotToTime.value = timeslotToTime;

		if (isSubmitted())
			return;
		frmAppointment.submit();
	}

	var stepNo = 2;
	var total_steps = 3;
	// -->
</script>

<BODY onload="javascript:bodyLoad();">
	<main>




		<div class="mainframe">
			<div class="container">
				<div class="row mobile-no-gutters">
					<!--Header-->
					<div class="header">
						<div class="col-md">
							<div class="logo"><a href="http://www.gov.hk" target="_blank"><img src="../images/header.jpg"
										alt="GovHK香港政府一站通"></a></div>
						</div>
						<div class="col-md">
							<div class="menu">
								<div class="menuBody">
									<div class="menuRow">
										<div class="menuCell">

										</div>
										<div class="menuCell">
											<div class="exit"><a href="#" class="exit" onclick="closeBrowser()">離開</a></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="subheaderTwoRow">

						<div class="cluster">&nbsp;</div>
						<div class="icon"><img src="../images/transport.PNG" alt="" class="icon"></div>
						<div class="text" id="welcomeTitle">

							預約運輸署牌照事務處服務

						</div>
					</div>
					<!--{End Header}-->






					<!--Middle Content-->
					<div class="content">
						<div class="row">
							<!--Left Column Content-->
							<div class="col-md-3 col-lg-2 order-md-1">
								<div class="navlayer">

									<!-- left menu begins -->












									<div class="navstep">

										<div class="navstep_item" id="step1Row">
											<div class="navstep_title">
												步驟一
											</div>
											<div>
												選擇服務及輸入資料
											</div>
										</div>
										<div class="navstep_item" id="step2Row">
											<div class="navstep_title">
												步驟二
											</div>
											<div>
												選擇牌照事務處、預約日期和時間
											</div>
										</div>
										<div class="navstep_item" id="step3Row">
											<div class="navstep_title">
												步驟三
											</div>
											<div>
												遞交預約資料
											</div>
										</div>
									</div>












									<script type="text/javascript">
										function openwin(href, name) {
											/*		var win = null;
													if (openedWindows[name] == null) {
														win = window.open(href, name,'height=400,width=700,toolbar=yes,scrollbars=yes,resizable=yes,menubar=yes,location=yes');
														openedWindows[name] = win;
													}
													else {
														win = openedWindows[name];
														win.location.href = href;
													}
											*/
											var win = window.open(href, name, 'height=400,width=700,toolbar=yes,scrollbars=yes,resizable=yes,menubar=yes,location=yes');
											win.focus();
										}

										function openFAQ() {

											window.open('https://' + window.location.host + '/tdabsfaq/htm/tchinese/faq.htm', 'faq', 'height=400,width=700,toolbar=yes,scrollbars=yes,resizable=yes,menubar=yes,location=yes');
										}

									</script>

									<div class="navlink">
										<div class="navlink_item">
											<a href="#" class="navlink"
												onclick="openwin('../htm/tchinese/instructions_cover_page.htm', 'demo'); return false;">
												網上示範</a>
										</div>
										<div class="navlink_item">
											<a href="#" class="navlink" onclick="openFAQ(); return false;">
												常見問題</a>
										</div>
										<div class="navlink_item2">
											<div class="title">聯絡及支援</div>
											<div>請致電<font class="red" face="Arial">1823</font>或發送電郵至<br></div>
											<a href="mailto:tellme@1823.gov.hk" rel="external" title="Contact Us"
												class="email">tellme@1823.gov.hk</a>
										</div>
									</div>

								</div>
							</div>
							<!-- left menu ends -->



							<!--Right Column Content-->
							<div class="col-md-9 col-lg-10 order-md-12">
								<div class="contentpage">
									<div class="cell">
										<div class="contenttable">
											<div class="step_hd">
												<div class="stepTable">
													<div class="stepTableBody">
														<div class="stepTableRow">
															<div class="stepTableCell">
																<span class="step_no">步驟二</span>
															</div>
															<div class="stepTableCell">
																<span class="step_info">選擇牌照事務處、預約日期和時間</span>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="cell">
										<div class="contenttable">
											<div class="title">
												選擇預約時間
											</div>





											<form name="frmAppointment" action="" method="post">
												<div class="row">
													<div class="colCell">
														<div class="row_nomargin">
															<input name="storedAppointmentId" type="hidden" value="" />
															<input name="storedAppointmentServiceType" type="hidden" value="DI" />
															<input name="storedAppointmentRequestChannel" type="hidden" value="W" />
															<input name="storedAppointmentLicenseType" type="hidden" value="P" />
															<input name="storedAppointmentLicenseNumber" type="hidden"
																value="b3eaWmvBcosibyQdVFRDRePdR50i3OTL" />
															<input name="storedAppointmentLicenseNumber2" type="hidden"
																value="VSRGOh0/LFhUhC5mVTncAA==" />
															<input name="storedAppointmentPhoneNumber" type="hidden" value="N/A" />
															<input name="storedAppointmentExpiryDate" type="hidden" value="11-11-1901" />
															<input name="storedAppointmentCertExpiryDate" type="hidden" value="" />
															<input name="storedAppointmentRegMarkNumber2" type="hidden" value="" />
															<input name="storedAppointmentRegMarkNumber" type="hidden" value="" />
															<input name="storedAppointmentShortRegMarkNumber" type="hidden" value="" />
															<input name="storedAppointmentTimeslotId" type="hidden" value="" />
															<input name="sendReminder" type="hidden" value="Y" />
															<input name="storedAppointmentConfirmationFaxNumber" type="hidden" value="" />
															<input name="storedAppointmentConfirmationPhoneNumber" type="hidden" value="" />
															<input name="storedAppointmentConfirmationEmail" type="hidden"
																value="zhangsan@example.com" />
															<input name="storedAppointmentReminderFaxNumber" type="hidden" value="" />
															<input name="storedAppointmentReminderPhoneNumber" type="hidden" value="" />
															<input name="storedAppointmentReminderEmail" type="hidden" value="zhangsan@example.com" />
															<input name="storedAppointmentTimeslotDate" type="hidden" value="21-11-2025" />
															<input name="storedAppointmentTimeslotFromTime" type="hidden" value="" />
															<input name="storedAppointmentTimeslotToTime" type="hidden" value="" />
															<input name="storedAppointmentOfficeCode" type="hidden" value="HKLO" />
															<input name="storedAppointmentCalendarYear" type="hidden" value="2025" />
															<input name="storedAppointmentCalendarMonth" type="hidden" value="10" />
															<input name="storedAppointmentSessionId" type="hidden" value="" />
															<input name="storedAppointmentDayOfWeek" type="hidden" value="" />
															<input name="storedAppointmentOperation" type="hidden" value="A" />
															<input name="transferOfOwnership" type="hidden" value="N" />
															<input name="lang" type="hidden" value="tchinese" />
															<input name="timestamp" type="hidden" value="1757654771987" />
															<input name="storedAppointmentTimestamp" type="hidden" value="">
															<input name="inputtedPhoneNoBefore" type="hidden" value="" />
															<input name="storedAppointmentReferenceNo" type="hidden" value="" />
															<input name="inputType" type="hidden" value="N" />
															<input name="fromIAMSmart" type="hidden" value="" />
															<input name="storedAppointmentDLNewIssue" type="hidden" value="N" />
															<input name="storedAppointmentLicenseOwnerName" type="hidden" value="张三" />
															<input name="storedAppointmentIssuingCountry" type="hidden" value="CN" />
															<input name="storedAppointmentIssuingAuthority" type="hidden" value="GD" />
															<input name="storedAppointmentIAMSmartHelperJwt" type="hidden" value="" />



											</form>
											<table class="content-table" style="width: 100%;" role="none">
												<tr>
													<td class="content-cell"><br>預約時間（請點擊可供選擇的時間）：<br>&nbsp;</td>
												</tr>

												<tr>
													<td class="content-cell">
														<table class="time-table" role="none" style="width: 100%;">

															<tr>
																<td class="time-table-cell" style="vertical-align: top;">
																	2025年11月21日<br>


																	(星期五)

																	<br />

																	上午<br>
																	(09:00 - 13:00)
																</td>
																<td class="time-table-cell">
																	<table class="time-table-inner-table" role="none">

																		<tr style="width: 100%;">

																			<!-- <td class="time-table-hour-cell" >09:00</td> -->

																			<td class="time-table-timeslot-cell"
																				style="color: DimGray;text-align: center;width: 25%;">09:00</td>

																			<td class="time-table-timeslot-cell"
																				style="color: DimGray;text-align: center;width: 25%;">09:15</td>

																			<td class="time-table-timeslot-cell"
																				style="color: DimGray;text-align: center;width: 25%;">09:30</td>

																			<td class="time-table-timeslot-cell"
																				style="color: DimGray;text-align: center;width: 25%;">09:45</td>
																</td>
															</tr>
															<tr class="time-table-alt-row">

																<!-- <td class="time-table-hour-cell" >10:00</td> -->

																<td class="time-table-timeslot-cell"
																	style="color: DimGray;text-align: center;width: 25%;">10:00</td>

																<td class="time-table-timeslot-cell"
																	style="color: DimGray;text-align: center;width: 25%;">10:15</td>

																<td class="time-table-timeslot-cell"
																	style="color: DimGray;text-align: center;width: 25%;">10:30</td>

																<td class="time-table-timeslot-cell"
																	style="color: DimGray;text-align: center;width: 25%;">10:45</td>
													</td>
												</tr>
												<tr style="width: 100%;">

													<!-- <td class="time-table-hour-cell" >11:00</td> -->

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														11:00</td>

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														11:15</td>

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														11:30</td>

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														11:45</td>
													</td>
												</tr>
												<tr class="time-table-alt-row">

													<!-- <td class="time-table-hour-cell" >12:00</td> -->

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														12:00</td>

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														12:15</td>

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														12:30</td>

													<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">
														12:45</td>
											</table>
											</td>
											</tr>
											<tr>
												<td class="time-table-cell" style="vertical-align: top;">
													2025年11月21日<br>


													(星期五)

													<br />

													下午<br>
													(13:00 - 17:00)
												</td>
												<td class="time-table-cell">
													<table class="time-table-inner-table" role="none">
												</td>
											</tr>
											<tr style="width: 100%;">

												<!-- <td class="time-table-hour-cell" >13:00</td> -->

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">13:00
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">13:15
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">13:30
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">13:45
												</td>
												</td>
											</tr>
											<tr class="time-table-alt-row">

												<!-- <td class="time-table-hour-cell" >14:00</td> -->

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">14:00
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">14:15
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">14:30
												</td>

												<td class="time-table-timeslot-cell" style="text-align: center;">













													<table style="width: 100%;">
														<tr>

															<td><a href=# class="redlink" style="width: 100%;"
																	onclick="onClickTimeslot('1591371', '21-11-2025', '1445', '1500')">14:45</a></td>

														</tr>
													</table>

												</td>
												</td>
											</tr>
											<tr style="width: 100%;">

												<!-- <td class="time-table-hour-cell" >15:00</td> -->

												<td class="time-table-timeslot-cell" style="text-align: center;">













													<table style="width: 100%;">
														<tr>

															<td><a href=# class="redlink" style="width: 100%;"
																	onclick="onClickTimeslot('1591372', '21-11-2025', '1500', '1515')">15:00</a></td>

														</tr>
													</table>

												</td>

												<td class="time-table-timeslot-cell" style="text-align: center;">













													<table style="width: 100%;">
														<tr>

															<td><a href=# class="redlink" style="width: 100%;"
																	onclick="onClickTimeslot('1591373', '21-11-2025', '1515', '1530')">15:15</a></td>

														</tr>
													</table>

												</td>

												<td class="time-table-timeslot-cell" style="text-align: center;">













													<table style="width: 100%;">
														<tr>

															<td><a href=# class="redlink" style="width: 100%;"
																	onclick="onClickTimeslot('1591374', '21-11-2025', '1530', '1545')">15:30</a></td>

														</tr>
													</table>

												</td>

												<td class="time-table-timeslot-cell" style="text-align: center;">













													<table style="width: 100%;">
														<tr>

															<td><a href=# class="redlink" style="width: 100%;"
																	onclick="onClickTimeslot('1591375', '21-11-2025', '1545', '1600')">15:45</a></td>

														</tr>
													</table>

												</td>
												</td>
											</tr>
											<tr class="time-table-alt-row">

												<!-- <td class="time-table-hour-cell" >16:00</td> -->

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">16:00
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">16:15
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">16:30
												</td>

												<td class="time-table-timeslot-cell" style="color: DimGray;text-align: center;width: 25%;">16:45
												</td>
											</tr>
											</table>
											</td>
											</tr>

											</table>
											</td>
											</tr>



											<!-- 	<table>
						<tr><br>&nbsp;
							<td>
								<font class="content-cell">如要電腦搜索預約時段，請按</font></td>
							<td>
								
									
									

								







<input type="button" value="電腦搜索" class="resetBtn" onClick="onClickSearch()" onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">
							</td>
						</tr>
					</table>	 -->

											</table>
											</td>
											</tr>
											</table>

											<!--<div class="item">
								
									
									
									
									
								







<input type="button" value="返回主頁" class="resetBtn" onClick="onClickBackToHomePage()" onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">
							</div>
							<div class="item">
							
									
									
								







<input type="button" value="選擇日期" class="resetBtn" onClick="onClickSelectDate()" onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">
							</div> -->
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="cell">
							<div class="contenttable_button">
								<div class="btnbar">











									<input type="button" value="返回" class="resetBtn" onClick="onClickBack()"
										onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">
								</div>
							</div>
						</div>

						<div class="steplayer">
							<div id="stepsOf">
							</div>
						</div>
					</div>
					<!--  <table height="300px"><tr><td>&nbsp;</td></tr></table>-->
					<!--End Right Column Content-->


				</div>





				<br />
			</div>
			<!--{End Middle Content}-->
			<!--Footer Content-->
			<div class="footer">
				<div class="row">
					<div class="col-md-7">
						<div class="footerlinks">
							<a class="footer" href="http://www.gov.hk/tc/about/aboutus.htm" target="_blank">關於「香港政府一站通」</a>
							<a class="footer" href="http://www.gov.hk/tc/about/copyright.htm" target="_blank">版權告示</a>
							<a class="footer" href="http://www.gov.hk/tc/about/privacy.htm" target="_blank">私隱政策</a>
							<a class="footer" href="http://www.gov.hk/tc/about/disclaimer.htm" target="_blank">免責聲明</a>
						</div>
					</div>
					<div class="col-md-5">
						<div class="footer_logo">
							<a href="https://www.w3.org/WAI/WCAG2AA-Conformance"
								title="Explanation of WCAG 2 Level AA conformance"><img height="32" width="88"
									src="https://www.w3.org/WAI/WCAG21/wcag2.1AA-blue-v"
									alt="Level AA conformance,W3C WAI Web Content Accessibility Guidelines 2.1"></a>
							<a href="http://www.brandhk.gov.hk/" target="_blank"><img src="../images/../images/logo_footer_tc.gif"
									alt="香港品牌" title="香港品牌" /></a>
						</div>
					</div>
				</div>
			</div>
			<!--End Footer Content-->



			<script type="text/javascript">

			</script>
	</main>
</BODY>

</HTML>